<template>
  <div class="main">
    <grid :column-num="2">
      <grid-item
        v-for="(v, i) in list"
        :key="i"
        :text="v.name"
        clickable
        :to="v.path"
      />
    </grid>
  </div>
</template>
<script>
import { Grid, GridItem } from "vant";
export default {
  name: "index",
  data() {
    return {
      list: [
        {
          name: "消消乐",
          path: "/Xiaoxiaole",
        },
        {
          name: "叠蛋糕",
          path: "/foldCake",
        },
        {
          name: "接金币",
          path: "/pickCoin",
        },
        {
          name: "九宫格抽奖",
          path: "/focusDraw",
        },
        {
          name: "大转盘抽奖",
          path: "/Lottery",
        },
      ],
    };
  },
  components: {
    Grid,
    GridItem,
  },
  methods: {},
};
</script>

<style scoped lang="less">
.main {
  width: 100vw;
  min-height: 100vh;
}
</style>
